<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>13-onchange事件.html</title>
</head>
<body>
每页显示：
<select id="current" name="current" onchange="gotoPage2(this)">
    <option value="5">5条</option>
    <option value="10">10条</option>
    <option value="20">20条</option>
</select>
<!--
    onchange事件 事件一般用于select标签 (选择器标签)
-->

<script>

    function gotoPage2(obj){
        //拿到 select 节点点 通过value属性拿到值
        console.log(obj)
        // 传递过来的this 对象就是当前的节点
        //可以直接通过value 获取选中的值
        console.log(obj.value)
        console.log("触发事件...")
    }

    function gotoPage(){
        //拿到 select 节点点 通过value属性拿到值
        console.log("触发事件...")
        let val = document.querySelector("#current").value;
        console.log(val)
    }

</script>


</body>
</html>